import 'babel-polyfill'
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/styles/reset.css'
import animated from "animate.css";
import 'element-ui/lib/theme-chalk/index.css';
import VueLazyload from 'vue-lazyload'
import { Button, Input, Icon, Alert, Checkbox, InputNumber, Message, MessageBox, Cascader, Pagination, Loading ,Breadcrumb, BreadcrumbItem,} from 'element-ui';
Vue.use(animated);
Vue.use(Button);
Vue.use(Input);
Vue.use(Icon)
Vue.use(Alert)
Vue.use(Checkbox)
Vue.use(InputNumber)
Vue.use(Cascader)
Vue.use(Pagination)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Loading.directive);

Vue.prototype.$loading = Loading.service;
Vue.prototype.$msbox = MessageBox
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$message = Message
Vue.config.productionTip = false
Vue.use(VueLazyload, {
  loading: 'https://img.zcool.cn/community/01e7335df3e7d5a801219cce0dbd90.gif',
  // attempt: 3
})



new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

